<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML >
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>应急信息管理_统计分析_分析界面_查询</title>
       	  <script type="text/javascript" src="jclient/javascript/modules/yjxxgl/yjxxgl_tjfx.js"></script>
		 <link rel="stylesheet" href="<%=basePath %>jclient/css/public.css" type="text/css" />
			<link href="<%=basePath%>jclient/css/public/select.css" rel="stylesheet" type="text/css" />
    	   <link href="<%=basePath%>jclient/css/public/style.css" rel="stylesheet" type="text/css" />
    	   <link rel="stylesheet" href="<%=basePath%>jclient/css/public/bootstrap.min.css" />
			<link rel="stylesheet" href="<%=basePath%>jclient/css/public/daterangepicker.css" />
			<script src="<%=basePath%>jclient/javascript/public/jquery.min.js"></script>
       		<script src="<%=basePath%>jclient/javascript/public/bootstrap.min.js"></script>
			<script src="<%=basePath%>jclient/javascript/public/moment.js"></script>
			<script src="<%=basePath%>jclient/javascript/public/daterangepicker.js"></script>
			<script type="text/javascript" src="<%=basePath%>jclient/javascript/jslib/select-ui.min.js"></script>
	<script type="text/javascript">
		$(function(){
                 // 日期选择
			    $('#cxdate').val(moment().subtract('days', 29).format('YYYY-MM-DD') + ' - ' + moment().format('YYYY-MM-DD'));
				$('#cxdate').daterangepicker(null, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                }); 
                 $('#addhydate').val(moment().format('YYYY-MM-DD'));
				$('#addhydate').daterangepicker({ singleDatePicker: true }, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                 }); 
                 $('#edithydate').val(moment().format('YYYY-MM-DD'));
				$('#edithydate').daterangepicker({ singleDatePicker: true }, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                 }); 
                  $(".select3").uedSelect({
				width : 100
				});
		});
	</script>
  	<style type="text/css">
		 a{
     	   		text-decoration:none;
     	   		color:#FFFFFF;
     	   }
     	    a:hover{
     	   		text-decoration:none;
     	   		color:#FFFFFF;
     	   }
	</style>
  </head>
  <body style="margin: 0;padding: 0px;background-color: #FFFFFF;" bgcolor="#FFFFFF">
  		<div style="margin-top:10px;margin-left:10px">
  				<ul class="seachform" style="padding: 0px;margin: 0px">
    						<li>
    							<div style="width:80px;float: left;height: 30px;line-height: 30px;">
        						 <label>综合查询</label>
       							</div>
    						</li>
    						<li>
								<div class="controls" style="width:210px;float: left;">
									<div class="input-group date datetime">
										<input id="cxdate" class="begindate form-control input-sm" size="16" type="text" value="" >
										<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
									</div>
								</div>
							</li>
							<li>
									 <select style="width: 100px;" class="select3">
										<option>时长</option>
										<option>小时</option>
										<option>天</option>
										<option>月</option>
										<option>年</option>
									</select>
							</li>
							<li>
						    			<div  style="width: 205px;float: left;padding-left: 20px;">
							  					<input type="text"  placeholder="请输入测站关键字" class="form-control" style="width:200px;height: 30px;float: left;">
						  			  	</div>
						    </li>
						    <li>
						    				<div  style="width: 340px;float: left;padding-left: 20px;">
							  					<input type="text"  placeholder="请输入指标" class="form-control" style="width:200px;height: 30px;float: left;">
						  			  			<span class="eclipseBtn" style="height:30px;display: inline-block;">查询</span>	
						  			  	</div>
						  	</li>
						  	<li>
  			     				<span style="font-size:20;font-weight: 600"><%-- <%=zymc%> --%></span>
  			    				<span class="eclipseBtn" onclick="javascript:window.location.href='<%=basePath%>jclient/pages/yjxxgl/yjxxgl_tjfx.jsp'" style="height:30px;display: inline-block;cursor: pointer;">结束作业</span>
						  	</li>
						</ul>
  		</div>
  		<table width="100%" cellspacing="0" cellpadding="0" style="margin: 10" >
    		<tr style="height: 90%">
    			<!-- 对比分析列表列 -->
    			<td id="dbfx" width="45%" >
		    			<table class="tablelist" style="width: 100%;height: 330px"  >
				    		<thead>
					    		<tr>
							        <th style="width: 40px"><input name="" type="checkbox" value="" checked="checked"/></th>
							        <th>记录表名录</th>
					        	</tr>
					       	 </thead>
					        <tbody>
					        		<tr>
					        			<td>
					        				<input name="" type="checkbox" value="" checked="checked"/>
					        			</td>
					        			<td>
					    					2014年6月于桥水库x1站水体藻细胞密度指标记录表
					    				</td>
					    			</tr>
					        		<tr>
					        			<td>
					        				<input name="" type="checkbox" value="" checked="checked"/>
					        			</td>
					        			<td>
					    					2014年6月于桥水库x1站水体藻细胞密度指标记录表
					    				</td>
					    			</tr>
					        		<tr>
					        			<td>
					        				<input name="" type="checkbox" value="" checked="checked"/>
					        			</td>
					        			<td>
					    					2014年6月于桥水库x1站水体藻细胞密度指标记录表
					    				</td>
					    			</tr>
					        		<tr>
					        			<td>
					        				<input name="" type="checkbox" value="" checked="checked"/>
					        			</td>
					        			<td>
					    					2014年6月于桥水库x1站水体藻细胞密度指标记录表
					    				</td>
					    			</tr>
					        		<tr>
					        			<td>
					        				<input name="" type="checkbox" value="" checked="checked"/>
					        			</td>
					        			<td>
					    					2014年6月于桥水库x1站水体藻细胞密度指标记录表
					    				</td>
					    			</tr>
					        		<tr>
					        			<td>
					        				<input name="" type="checkbox" value="" checked="checked"/>
					        			</td>
					        			<td>
					    					2014年6月于桥水库x1站水体藻细胞密度指标记录表
					    				</td>
					    			</tr>
					        		<tr>
					        			<td>
					        				<input name="" type="checkbox" value="" checked="checked"/>
					        			</td>
					        			<td>
					    					2014年6月于桥水库x1站水体藻细胞密度指标记录表
					    				</td>
					    			</tr>
					    </table>
					   <!--  <div class="pagin">
				    	<div class="message" style="float: right;margin-right: 300px;">
				    		<span class="eclipseBtn"  style="height:30px;display: inline-block;width: 120px;"> 添加到对比区</span>
				    		共<i class="blue">100</i>条记录，当前显示第&nbsp;<i class="blue">1&nbsp;</i>页</div>
					        <ul class="paginList">
						        <li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>
						        <li class="paginItem"><a href="javascript:;">1</a></li>
						        <li class="paginItem current"><a href="javascript:;">2</a></li>
						        <li class="paginItem"><a href="javascript:;">3</a></li>
						        <li class="paginItem"><a href="javascript:;">4</a></li>
						        <li class="paginItem"><a href="javascript:;">5</a></li>
						        <li class="paginItem more"><a href="javascript:;">...</a></li>
						        <li class="paginItem"><a href="javascript:;">10</a></li>
						        <li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>
					        </ul>
				    	</div> -->
			 </td>
			 <td style="width: 10%;text-align: center;" align="center">
<!-- 			 <span class="eclipseBtn" style="display: inline-block;">添加&gt;</span><br/><br/><br/>
 -->			 	<span class="eclipseBtn" style="display: inline-block;width:75%">&gt;&gt;</span><br/><br/><br/>
<!-- 			 	<span class="eclipseBtn" style="display: inline-block;">&lt;去除</span><br/><br/><br/>
 -->			 	<span class="eclipseBtn" style="display: inline-block;width: 75%">&lt;&lt;</span>
			 </td>	
			 <td style="width: 45%">
		    			<table class="tablelist" style="width: 100%;height:330px"  >
				    		<thead>
					    		<tr>
							        <th style="width: 40px"><input name="" type="checkbox" value="" checked="checked"/></th>
							        <th>对比分析记录表名录</th>
					        	</tr>
					       	 </thead>
					        <tbody>
					        		<tr>
					        			<td>
					        				<input name="" type="checkbox" value="" checked="checked"/>
					        			</td>
					        			<td>
					    					2014年6月于桥水库x1站水体藻细胞密度指标记录表
					    				</td>
					    			</tr>
					        		<tr>
					        			<td>
					        				<input name="" type="checkbox" value="" checked="checked"/>
					        			</td>
					        			<td>
					    					2014年6月于桥水库x1站水体藻细胞密度指标记录表
					    				</td>
					    			</tr>
					        		<tr>
					        			<td>
					        				<input name="" type="checkbox" value="" checked="checked"/>
					        			</td>
					        			<td>
					    					2014年6月于桥水库x1站水体藻细胞密度指标记录表
					    				</td>
					    			</tr>
					        		<tr>
					        			<td>
					        				<input name="" type="checkbox" value="" checked="checked"/>
					        			</td>
					        			<td>
					    					2014年6月于桥水库x1站水体藻细胞密度指标记录表
					    				</td>
					    			</tr>
					        		<tr>
					        			<td>
					        				<input name="" type="checkbox" value="" checked="checked"/>
					        			</td>
					        			<td>
					    					2014年6月于桥水库x1站水体藻细胞密度指标记录表
					    				</td>
					    			</tr>
					        		<tr>
					        			<td>
					        				<input name="" type="checkbox" value="" checked="checked"/>
					        			</td>
					        			<td>
					    					2014年6月于桥水库x1站水体藻细胞密度指标记录表
					    				</td>
					    			</tr>
					        		<tr>
					        			<td>
					        				<input name="" type="checkbox" value="" checked="checked"/>
					        			</td>
					        			<td>
					    					2014年6月于桥水库x1站水体藻细胞密度指标记录表
					    				</td>
					    			</tr>
					    </table>
					    <!-- <div class="pagin">
				    	<div class="message" style="float: right;margin-right: 300px;">
					    		<span class="eclipseBtn"  style="height:30px;display: inline-block;width: 120px;">批量删除</span>
				    		共<i class="blue">100</i>条记录，当前显示第&nbsp;<i class="blue">1&nbsp;</i>页</div>
					        <ul class="paginList">
						        <li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>
						        <li class="paginItem"><a href="javascript:;">1</a></li>
						        <li class="paginItem current"><a href="javascript:;">2</a></li>
						        <li class="paginItem"><a href="javascript:;">3</a></li>
						        <li class="paginItem"><a href="javascript:;">4</a></li>
						        <li class="paginItem"><a href="javascript:;">5</a></li>
						        <li class="paginItem more"><a href="javascript:;">...</a></li>
						        <li class="paginItem"><a href="javascript:;">10</a></li>
						        <li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>
					        </ul>
				    	</div> -->
		    	<tr height="50px">
		    	<td align="center" colspan="3">
		    				   <span class="eclipseBtn"  style="height:30px;display: inline-block;width: 120px;">
		    					   <a href="<%=basePath%>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_dbfx_f.jsp">开始分析</a>
		    					</span>
				</td>
    		</tr>
    	</table>
  </body>
</html>
